<nav class="widget-nav" id="menu">
  <ul class="fix">
    <li><a href="#">关于海博会</a>
      <div class="_layer nav_layer08 fix">
        <p> <a href="#">参观范围</a> <a href="#">展位申请</a> <a href="#">展位图</a> <a href="#">展商名录</a> <a href="#">配套服务</a> <a href="#">展商手册</a> </p>
      </div>
    </li>
    <li><a href="#">展商服务</a>
      <div class="_layer nav_layer08 fix">
        <p> <a href="#">公司简介</a> <a href="#">发展历程</a> <a href="#">组织架构</a> <a href="#">荣誉资质</a> <a href="#">领导关怀</a> <a href="#">视频中心</a> </p>
      </div>
    </li>
    <li><a href="#">参观指南</a>
      <div class="_layer nav_layer08 fix">
        <p> <a href="#">公司新闻</a> <a href="#">行业新闻</a> <a href="#">视频中心</a> </p>
      </div>
    </li>
    <li><a href="#">新闻资讯</a>
      <div class="_layer nav_layer08 fix">
        <p> <a href="#">产品名称1</a> <a href="#">产品名称2</a> <a href="#">产品名称3</a> <a href="#">产品名称4</a> </p>
      </div>
    </li>
    <li><a href="#">推荐产品</a>
      <div class="_layer nav_layer08 fix">
        <p> <a href="#">校园招聘</a> <a href="#">社会招聘</a> <a href="#">人力政策</a> </p>
      </div>
    </li>
    <li><a href="#">推荐企业</a>
      <div class="_layer nav_layer08 fix">
        <p> <a href="#">校园招聘</a> <a href="#">社会招聘</a> <a href="#">人力政策</a> </p>
      </div>
    </li>
    <li><a href="#">项目信息</a>
      <div class="_layer nav_layer08 fix">
        <p> <a href="#">校园招聘</a> <a href="#">社会招聘</a> <a href="#">人力政策</a> </p>
      </div>
    </li>
  </ul>
</nav>
<a href="#menu" class="mobile_key">移动导航控制按钮</a>